<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0"/>
    <title th:text="${webinfo.webname}"></title>
    <link rel="icon" th:href="'/images/'+${webinfo.webicon}"/>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="format-detection" content="telephone=no">
    <link rel="stylesheet" href="/layui/css/layui.css" media="all"/>
    <link rel="stylesheet" href="/manage/css/public.css" media="all"/>

    <script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>
    <link href="/editormd/css/editormd.min.css" rel="stylesheet" type="text/css"/>
    <script type="text/javascript" src="/editormd/editormd.min.js"></script>
    <link rel="stylesheet" href="/editormd/css/editormd.preview.css"/>
    <script src="/editormd/lib/marked.min.js"></script>
    <script src="/editormd/lib/prettify.min.js"></script>
    <script src="/editormd/lib/raphael.min.js"></script>
    <script src="/editormd/lib/underscore.min.js"></script>
    <script src="/editormd/lib/sequence-diagram.min.js"></script>
    <script src="/editormd/lib/flowchart.min.js"></script>
    <script src="/editormd/lib/jquery.flowchart.min.js"></script>

    <script type="text/javascript">
        var editor;
        editor = $(function () {
            editormd("content", {
                width: "100%",
                height: 640,
                //markdown : md,//不注释不显示
                codeFold: true,
                syncScrolling: "single",
                path: "/editormd/lib/", //你的path路径（原资源文件中lib包在我们项目中所放的位置）
                imageUpload: true,//开启图片上传功能
                /*
                theme: "dark",//工具栏主题
                previewTheme: "dark",//预览主题
                editorTheme: "pastel-on-dark",//编辑主题
                */
                emoji: true,//emoji表情，默认关闭
                taskList: true,
                tocm: true,         // Using [TOCM]
                tex: true,                   // 开启科学公式TeX语言支持，默认关闭
                flowChart: true,             // 开启流程图支持，默认关闭
                sequenceDiagram: true,       // 开启时序/序列图支持，默认关闭,
                dialogLockScreen: false,//设置弹出层对话框不锁屏，全局通用，默认为true
                dialogShowMask: false,//设置弹出层对话框显示透明遮罩层，全局通用，默认为true
                dialogDraggable: false,//设置弹出层对话框不可拖动，全局通用，默认为true
                dialogMaskOpacity: 0.4, //设置透明遮罩层的透明度，全局通用，默认值为0.1
                dialogMaskBgColor: "#000",//设置透明遮罩层的背景颜色，全局通用，默认为#fff

                //这个配置在simple.html中并没有，但是为了能够提交表单，使用这个配置可以让构造出来的HTML代码直接在第二个隐藏的textarea域中，方便post提交表单。
                saveHTMLToTextarea: true,
                imageFormats: ["jpg", "jpeg", "gif", "png", "bmp"],
                imageUploadURL: "uploadImage",/*上传图片成功后可以做一些自己的处理*/
            });
        });

        function save() {
            $.ajax({
                type: "post",
                url: "updateContent",
                dataType: "json",
                async: false,
                data: $("#contentForm").serialize(),
                success: function (result) {
                    if (result.flag == "success") {
                        alert("保存成功");
                        window.close();

                    } else {
                        alert("保存失败！");
                        return;
                    }
                }, error: function () {
                    alert("操作失败，请重试！");
                    return;
                }
            });
        }

    </script>

</head>
<body>
<form id="contentForm">
    <input type="text" th:value="${artical.id}" name="id" readonly hidden="hidden">

    <div class="editormd" id="content">
        <textarea class="editormd-markdown-textarea" name="content" id="editormd"
                  th:text="${artical.content}"></textarea>
        <!-- 第二个隐藏文本域，用来构造生成的HTML代码，方便表单POST提交，这里的name可以任意取，后台接受时以这个name键为准 -->
        <!-- html textarea 需要开启配置项 saveHTMLToTextarea == true -->
        <textarea class="editormd-html-textarea"></textarea></div>

    <div class="layui-col-md12 layui-col-xs12 layui-center">
        <a class="layui-btn layui-btn-sm" lay-filter="saveContent" onclick="save();" lay-submit><i class="layui-icon">&#x1005;</i>发布</a>
        <a class="layui-btn layui-btn-primary layui-btn-sm" onclick="javascript:window.close();"><i class="layui-icon">&#x1007;</i>取消</a>
        <br/>
    </div>
</form>
<script type="text/javascript" src="/layui/layui.js"></script>
<script type="text/javascript" src="artical.js"></script>

</body>
</html>